<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>My ToDo List</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="node_modules/normalize.css/normalize.css">
<link rel="stylesheet" href="node_modules/jquery-datetimepicker/jquery.datetimepicker.css">
<link rel="stylesheet" href="node_modules/jquery-confirm/css/jquery-confirm.css">
<link href="css/base.css" rel="stylesheet">

</head>
<body>
	<div class="remind-part">
		<span>You should do someting</span>
		<button type="button">Got it</button>
	</div>
   	<div class="container">
	   	<h1>My Todo List</h1>
	   	<form class="add-task">
	   		<input 
	   			name="add-task" 
	   			type="text" 
	   			placeholder=" e.g.  DD's birthday is Sept 1st"
				autocomplete="off"
				autofocus
	   		/>
	   		<button type="submit">Submit</button>	
	   	</form>
	   	<div class="task-list">

		</div>
		<div class="task-detail-mask"></div>	
	   	<div class="task-detail">
	   		<form>
	   			<div class="content">
		   			<p name="content">dd's birthday is Sept 1st </p>
		   		</div>
		   		<div><input autocomplete="off" autofocus style="display: none;" type="text" name="dblc_content" value="" /></div>
		   		<div class="desc">
		   			<textarea name="desc"></textarea>
		   		</div>
		   		<div class="reminder">
		   			<p>Set Remind Time</p>
		   			<input name="remind_date" type="text" />
		   			<button type="submit">Update</button>
		   		</div>
		   	</form>	
	   	</div>
   	
   	</div> 
	<video class="alerter" src="alert.MP3"></video>
	<script src="node_modules/jquery/dist/jquery.js"></script>
	<script src="node_modules/store/store.js"></script>	
	<script src="node_modules/jquery-datetimepicker/build/jquery.datetimepicker.full.min.js"></script>
	<script src="node_modules/jquery-confirm/js/jquery-confirm.js"></script>
	<script src="js/base.js"></script>
	
</body>
</html>